<template>
  <view class="container">
    <!-- 标题 -->
    <view class="header">
      <text class="title">任选一项验证你和公司的关系</text>
    </view>

    <!-- 营业执照 -->
	
    <view class="section" @click="uploadBusinessLicense">
		<image src="https://zhimao.shengdunyun.net/uploads/wangeditor/20250308/67cbf29ea890d.png" class="img"></image>
		<view class="section-text">
			<text class="section-title">营业执照</text>
			<text class="section-description">拍照上传纸质营业执照原件</text>
		</view>
      <!-- 快速审核提示 -->
      <view class="fast-review">
        <text class="fast-review-text">极速通过</text>
      </view>
	   <uni-icons type="arrowright" size="16" color="#000" ></uni-icons>
    </view>

    <!-- 在职证明 -->
    <view class="section" @click="downloadTemplate">
		<image src="https://zhimao.shengdunyun.net/uploads/wangeditor/20250308/67cbf29ea890d.png" class="img"></image>
		<view class="section-text">
		  <text class="section-title">在职证明</text>
		  <text class="section-description">下载模版后打印并加盖公章</text>
	</view>
	  <!-- 快速审核提示 -->
	  <view class="fast-review">
	    <text class="fast-review-text">极速通过</text>
	  </view>
	   <uni-icons type="arrowright" size="16" color="#000" ></uni-icons>
    </view>

    
  </view>
</template>

<script>
	import uniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue'; // 根据实际路径调整
export default {
	components: {
	    uniIcons,
	  },
  methods: {
    // 拍照上传营业执照
    uploadBusinessLicense() {
      uni.navigateTo({
        url: '/pages/login/businesslicense', // 替换为实际的下一个页面路径
      });
    },

    // 下载在职证明模版
    downloadTemplate() {
		uni.navigateTo({
		  url: '/pages/login/job-ceritify', // 替换为实际的下一个页面路径
		});
     },
  },
};
</script>

<style>
.container {
  padding: 20px;
  background-color: #f9f9f9;
}

.header {
  margin-bottom: 20px;
}

.title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

.section {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}

.img{
	width: 40px;
height: 40px;
}

.section-text{
	margin-left: 10px;
	flex: 1;
}

.section-title {
  font-size: 18px;
  font-weight: bold;
  color: #555;
  margin-bottom: 5px;
  display: block;
}

.section-description {
  font-size: 14px;
  color: #666;
  
  display: block;
}

.fast-review {
	width: 54px;
height: 21px;
  text-align: center;
  background-color: #D6D6FF;
}

.fast-review-text {
	width: 40px;
height: 14px;
  font-size: 10px;
  font-weight: bold;
  color: #2F318B;
}

.section .uni-icons{
	  margin-left: 8px; /* 图标与输入框的间距 */
}
</style>